<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <a href="javascript:alert('你好')">弹出你好！</a>
    <a href="www.baidu.com">百度</a>
    <a href="#chapter1">章节1</a>
    <a href="#chapter2">章节2</a>
    <a href="#chapter3">章节3</a>
    <a href="#chapter4">章节4</a>
    <a href="#chapter5">章节5</a>
    <a href="#chapter6">章节6</a>

    <h2 id="chapter1">章节1</h2>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Pariatur temporibus debitis ex asperiores architecto ipsam reprehenderit esse tempore provident voluptatibus. Libero laudantium eligendi adipisci impedit, sit, veritatis vel, natus odit amet vero quos? Impedit eligendi esse aut saepe amet provident vero reiciendis, ea, officiis alias aliquid incidunt qui? Vitae, temporibus totam voluptate praesentium facilis molestias minima debitis magnam sunt ea deleniti earum adipisci optio rerum soluta veniam consequuntur architecto facere molestiae maxime nesciunt suscipit atque! Temporibus, accusamus sequi reprehenderit nemo tenetur cupiditate! Rerum, ducimus quis accusantium inventore sit repudiandae rem iusto, doloribus nihil, minima iste impedit. Beatae quibusdam tempora deleniti!</p>
    <h2 id="chapter2">章节2</h2>
    <p>Ad minima, possimus fuga architecto sapiente culpa nesciunt omnis quod reprehenderit odit praesentium reiciendis est inventore quas, excepturi aliquam soluta suscipit tempore. Dolorem dignissimos eius impedit voluptates nulla. Hic ipsum, repudiandae incidunt debitis corrupti nostrum vel rerum dolore officia! Saepe voluptates recusandae quibusdam, ducimus dignissimos quas ea ratione consequatur repudiandae iste, blanditiis ullam maiores asperiores minus molestiae voluptatem consectetur? Reprehenderit hic necessitatibus corporis nisi consequatur. Veritatis in et perspiciatis ullam. Modi reprehenderit soluta, accusantium at, voluptates, officia dicta dolorum minima officiis vero debitis illum voluptatibus deserunt voluptas hic? Cupiditate non odio sed est eaque suscipit asperiores optio laboriosam possimus debitis?</p>
    <h2 id="chapter3">章节3</h2>
    <p>Cumque recusandae dolore placeat aliquam, voluptatem sequi. Sed iste tenetur ex eveniet optio aliquam voluptatibus rem id vero ipsam nobis nam, doloremque nisi velit delectus quaerat, sint, eligendi provident nesciunt autem accusantium! Corrupti, quisquam? Eius, sunt laboriosam neque iusto perferendis doloremque minima, ratione eligendi doloribus ab blanditiis excepturi consequatur perspiciatis distinctio reprehenderit atque vel quod voluptatem officiis eum aperiam maxime unde dignissimos? Dolorum laudantium cum repudiandae facilis voluptate, delectus quas deleniti eum quisquam ipsum nisi. Non numquam molestias explicabo nemo culpa et omnis. Amet eum laborum culpa debitis laboriosam? Tempora porro quasi quo cum praesentium laboriosam quos, harum voluptatum modi?</p>
    <h2 id="chapter4">章节4</h2>
    <p>Dicta temporibus sit atque beatae minima, nisi sequi exercitationem quia accusantium, quasi fugit. Repudiandae quibusdam tempore sapiente esse commodi, quisquam aliquam ratione, earum laborum voluptatibus consequuntur fugit hic. Numquam quasi reprehenderit atque voluptas fugiat quidem. Sint optio quis odit, ipsum placeat voluptates sunt vero. Ratione, recusandae quisquam illo pariatur sed est, velit quaerat natus impedit soluta eveniet placeat quis odit sapiente quo veritatis magnam, ad nulla ipsa eligendi. Recusandae illum officia numquam sint natus. Nihil autem accusamus dignissimos nisi placeat possimus, suscipit tempora quas, dolore aspernatur neque rem id repellendus dolor necessitatibus, sequi dicta impedit deleniti? Maxime dolorum similique harum!</p>
    <h2 id="chapter5">章节5</h2>
    <p>Alias, omnis ratione autem, mollitia aliquid corporis voluptatibus earum consequatur officiis excepturi numquam est quidem reprehenderit eaque harum eligendi accusamus, ex dicta! Omnis quae sint est eos eveniet quo tempore? Tenetur quo doloribus cupiditate nobis, vero mollitia aperiam fugit laborum quaerat dolores architecto accusamus! Ab, perferendis assumenda. Repellat hic sapiente error est sed mollitia! Possimus iure pariatur numquam et saepe adipisci. Temporibus voluptate blanditiis eveniet aliquam, at ullam mollitia illo vel eius modi amet, quis fuga, cumque eos sunt. Rem eaque cumque repellat, accusantium assumenda ad! Molestias vel aspernatur ducimus tenetur quaerat exercitationem voluptate consequatur autem voluptatem, earum aliquam quibusdam.</p>
    <h2 id="chapter6">章节6</h2>
    <p>Quibusdam nesciunt pariatur enim mollitia culpa repellendus, laboriosam expedita aspernatur cumque et veritatis eligendi eos dolorum quam libero? Nobis enim voluptatem rem, eveniet reiciendis ipsa quae id rerum illo, nam blanditiis unde, nostrum recusandae ad tempora distinctio iusto sed excepturi vitae cumque amet eum molestiae? Officiis deserunt repellendus, ad minima beatae iure aliquam nobis dolor eos velit adipisci accusamus quisquam magni sint incidunt? Aliquam nostrum at earum, architecto, harum eveniet fugit nesciunt id necessitatibus sit repellat repellendus voluptatibus blanditiis aspernatur natus veritatis delectus rerum! Ut repudiandae natus eius ab animi, repellendus quis dolorum quo nemo, molestias molestiae, harum ducimus labore.</p>
    
    <a href="#">回到顶部</a>
</body>
</html>